import styled from "styled-components";


export const WaybillManagementPageBox = styled.div`
    padding: 2.4rem 5rem;
    .lgl-title-button-style{
        width: 11.2rem;
        height: 4rem;
        font-family: PingFang SC;
            font-weight: bold;
            font-size: 2.2rem;
            color: #333333;
    }
`
// 检索模块
export const SearchBox = styled.div`
    height: 7.5rem;
    display: flex;
    align-items: center;
`
// 列表模块
export const ListBox = styled.div`
    min-height: 30rem;
    background: #FFFFFF;
    border-radius: .4rem;
    .list_title_box{
        height: 5.6rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 2rem;
        .list_title_text{
            font-family: PingFang SC;
            font-weight: bold;
            font-size: 1.4rem;
            color: #333333;
            border-bottom: .2rem solid #0071E5 ;
            height: 5.6rem;
            line-height: 5.6rem;
        }
    }
`

export const DetailsBox = styled.div`
    height: 4.5rem;
    background: #FFFFFF;
    border-top: .1rem solid #F3F3F3;
    border-bottom: .1rem solid #F3F3F3;
    display: flex;
    align-content: center;
    .details_item{
        display: flex;
        align-items: center;
        font-family: PingFang SC;
        font-weight: 500;
        font-size: 1.4rem;
        color: #A2AEBC;
        .details_item_title{
            padding-left: 2rem;
        }
        .details_item_text{
            padding-right: 2rem;
        }
    }
`

export const HandleBox = styled.div`
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    .ant-upload-list{
        display: none;
    }
`

export const ZongjieBox = styled.div`
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
`
export const ModuleTitleBox  = styled.div`

`

export const DuoxuanBox = styled.div`
    max-height: 40rem;
    overflow-y: scroll;
`